<!DOCTYPE html>
<html lang="zh">

<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<link rel="stylesheet" href="index.css">
	<link rel="stylesheet" type="text/css" href="购物车.css" />
	<link rel="stylesheet" href="./layui-v2.5.6/layui/css/layui.css">
	<title>小米</title>

</head>

<body>

	<div id="main">
		<div id="height-nav">
			<div id="classify-navigation">
				<div id="return">
					<i class="layui-icon-left layui-icon"></i>
				</div>
				<div id="classify">
					<div>分类</div>
				</div>
				<div id="seek">
					<i class="layui-icon-search layui-icon" s></i>
				</div>
			</div>
		</div>
		<div>
			<div id="myorder" class="arrow">
				<span>登录后享受更多优惠</span>
				<span id="all-order">去登录</span>
			</div>
		</div>
		<div class="noi">
			<a class="ter" href="">
				<span>购物车还是空的</span>
				<em>去逛逛</em>
			</a>
		</div>
		<div>
			<img style="width: 100%;" src="./images/b2c.png" alt="">
		</div>
		<div id="por-list">
			<ul>
				<li>
					<img class="por-img" src="./images/720cc.png" alt="">
					<div class="info">
						<div class="pro-name no">黑鲨游戏Type-C机</div>
						<div class="good">
							<span class="new">￥99</span>
						</div>
					</div>
				</li>
				<li>
					<img class="por-img" src="./images/a2a9.png" alt="">
					<div class="info">
						<div class="pro-name">米家驱蚊器智能版</div>
						<div class="good">
							<span class="new">￥99</span>
						</div>
					</div>
				</li>
				<li>
					<img class="por-img" src="./images/720cc.png" alt="">
					<div class="info">
						<div class="pro-name no">黑鲨游戏Type-C机</div>
						<div class="good">
							<span class="new">￥99</span>
						</div>
					</div>
				</li>
				<li>
					<img class="por-img" src="./images/a2a9.png" alt="">
					<div class="info">
						<div class="pro-name">米家驱蚊器智能版</div>
						<div class="good">
							<span class="new">￥99</span>
						</div>
					</div>
				</li>
				<li>
					<img class="por-img" src="./images/720cc.png" alt="">
					<div class="info">
						<div class="pro-name no">黑鲨游戏Type-C机</div>
						<div class="good">
							<span class="new">￥99</span>
						</div>
					</div>
				</li>
				<li>
					<img class="por-img" src="./images/a2a9.png" alt="">
					<div class="info">
						<div class="pro-name">米家驱蚊器智能版</div>
						<div class="good">
							<span class="new">￥99</span>
						</div>
					</div>
				</li>
				<li>
					<img class="por-img" src="./images/720cc.png" alt="">
					<div class="info">
						<div class="pro-name no">黑鲨游戏Type-C机</div>
						<div class="good">
							<span class="new">￥99</span>
						</div>
					</div>
				</li>
				<li>
					<img class="por-img" src="./images/a2a9.png" alt="">
					<div class="info">
						<div class="pro-name">米家驱蚊器智能版</div>
						<div class="good">
							<span class="new">￥99</span>
						</div>
					</div>
				</li>
				<li>
					<img class="por-img" src="./images/720cc.png" alt="">
					<div class="info">
						<div class="pro-name no">黑鲨游戏Type-C机</div>
						<div class="good">
							<span class="new">￥99</span>
						</div>
					</div>
				</li>
				<li>
					<img class="por-img" src="./images/a2a9.png" alt="">
					<div class="info">
						<div class="pro-name">米家驱蚊器智能版</div>
						<div class="good">
							<span class="new">￥99</span>
						</div>
					</div>
				</li>
				<li>
					<img class="por-img" src="./images/720cc.png" alt="">
					<div class="info">
						<div class="pro-name no">黑鲨游戏Type-C机</div>
						<div class="good">
							<span class="new">￥99</span>
						</div>
					</div>
				</li>
				<li>
					<img class="por-img" src="./images/a2a9.png" alt="">
					<div class="info">
						<div class="pro-name">米家驱蚊器智能版</div>
						<div class="good">
							<span class="new">￥99</span>
						</div>
					</div>
				</li>
			</ul>
		</div>
	</div>












	<div id="nav-bottom-fixed">
		<div style="background-color: white;">
			<a href="首页.html" style="background-color: white;">
				<i style="background-image: url(./tabbar/home.png);background-color: white;"></i>
				首页
			</a>

		</div>
		<div style="background-color: white;">
			<a href="分类.html" style="background-color: white;">
				<i style="background-image: url(./tabbar/classify.png);background-color: white;"> </i>
				分类
			</a>

		</div>
		<div style="background-color: white;">
			<a href="星求.html" style="background-color: white;">
				<i style="background-image: url(imgs/xingqio.png);background-color: white;"></i>
			星求
			</a>
		</div>
		<div style="background-color: white;">
			<a href="购物车.html" style="background-color: white;">
				<i style="background-image: url(./tabbar/car.png);background-color: white;"></i>
				购物车
			</a>

		</div>
		<div style="background-color: white;">
			<a href="我的.html" style="background-color: white;">
				<i style="background-image: url(./tabbar/mine.png);background-color: white;"></i>
				我的
			</a>

		</div>
	</div>
</body>
<script>
	function calcHTMLFontSize() {
		var cH = document.documentElement.clientWidth;
		document.documentElement.style.fontSize = cH / 5 + "px";
	}
	calcHTMLFontSize();
	// 当window的大小发生变化，重新计算
	window.onresize = calcHTMLFontSize;
</script>

</html>